<template>
  <div>
    <div class="tabbar"></div>
    <van-tabbar v-model="active">
      <van-tabbar-item to="/" name="home" icon="shop-o">首页</van-tabbar-item>
      <van-tabbar-item to="/classify" name="classify" icon="todo-list-o">分类</van-tabbar-item>
      <van-tabbar-item to="/micircle" name="micircle" icon="aim">光圈</van-tabbar-item>
      <van-tabbar-item to="/cart" name="cart" icon="shopping-cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/mine" name="mine" icon="contact">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  name: "Tabber",
  data() {
    return {
      active: "home",
    };
  },
  created() {
    this.active = this.$route.name;
  },
};
</script>
<style lang='less' scoped>
.tabbar{
  height: 50px;
}
</style>
